<template>
  <div class="coupon-list">

    <div class="default-coupon">
      <img class="cover" mode="aspectFill" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2444360972,2845131972&fm=26&gp=0.jpg" />
      <p class="name">麻辣牛肉兑换券麻辣牛肉兑换券麻辣牛肉兑换麻辣</p>
      <p class="inventory">库存:90/100</p>
      <p class="time">有效期至2020-10-10日</p>
      <p class="type">兑换券</p>
    </div>

    <div class="default-coupon not-cover">
      <p class="name">麻辣牛肉兑换券麻辣牛肉兑换券麻辣牛肉兑换麻辣</p>
      <p class="inventory">库存:90/100</p>
      <p class="time">有效期3天</p>
      <p class="type">兑换券</p>
    </div>

    <div class="default-coupon">
      <img class="cover" mode="aspectFill" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2444360972,2845131972&fm=26&gp=0.jpg" />
      <p class="name">麻辣牛肉兑换券麻辣牛肉兑换券麻辣牛肉兑换麻辣</p>
      <p class="face-value">5折</p>
      <p class="inventory">库存:90/100</p>
      <p class="time">有效期至2020-10-10日</p>
      <p class="type">折扣券</p>
    </div>

    <div class="default-coupon not-cover">
      <p class="name">麻辣牛肉兑换券麻辣牛肉兑换券麻辣牛肉兑换麻辣</p>
      <p class="face-value">5折</p>
      <p class="inventory">库存:90/100</p>
      <p class="time">有效期至2020-10-10日</p>
      <p class="type">折扣券</p>
    </div>

    <div class="default-coupon">
      <img class="cover" mode="aspectFill" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2444360972,2845131972&fm=26&gp=0.jpg" />
      <p class="name">麻辣牛肉兑换券麻辣牛肉兑换券麻辣牛肉兑换麻辣</p>
      <p class="face-value">5折</p>
      <p class="inventory">库存:90/100</p>
      <p class="time">有效期至2020-10-10日</p>
      <p class="type">折扣券</p>
    </div>

  </div>
</template>

<style lang="less" scoped src="./coupon-list.less"></style>
